<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0" />
    <title>${title }</title>
    <!-- 图标 -->
    <link href="${ctx }/favicon.ico" rel="shortcut icon">
    <link rel="stylesheet" href="${ctx }/static/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="${ctx }/static/css/bootstrap-theme.min.css"/>
    <link rel="stylesheet" href="${ctx }/static/css/blog.css"/>
    <script src="${ctx }/static/js/jquery-1.11.2.min.js"></script>
	<script src="${ctx }/static/js/bootstrap.min.js"></script>
  </head>
  <style>
  	body{ padding-top: 10px;padding-bottom: 40px;}
  </style>
  <body>
  	<div class="container">
  		<!-- 引入头 -->
  		<jsp:include page="/foreground/common/head.jsp" />
  		<!-- 引入横向导航栏 -->
  		<jsp:include page="/foreground/common/menu.jsp" />
  		<div class="row">
  			<!-- 左部分 -->
  			<div class="col-md-9">
  				<!-- 引入数据显示页面  地址有后台返回 -->
  				<jsp:include page="${mainPage }"></jsp:include>
  			</div>
  			<!-- 右部分 -->
  			<div class="col-md-3">
  				<div class="data_list">
  					<div class="data_list_title">
  						<span class="glyphicon glyphicon-user" style="width:18px;">
  						</span>博主信息
  					</div>
  					<div class="user_image">
  						<img src="${ctx}/static/userImages/8c1001e93901213fef265d3b54e736d12f2e953b.jpg"/>
  					</div>
  					<div class="nickName">${blogger.nickName }</div>
  					<div class="sign">${blogger.sign }</div>
  				</div>
  				<div class="data_list">
	  				<div class="data_list_title">
	  					<span class="glyphicon glyphicon-user" style="width:18px;">
	  					</span>日志类别
  					</div>
  					<div class="datas">
  						<ul>
  							<c:forEach items="${blogTypeCountList }" var="i">
  								<li><span><a href="${ctx }/index.html?typeId=${i.id }">${i.typeName }(${i.blogCount })</a></span></li>
  							</c:forEach>
  						</ul>
  					</div>
  				</div>
  				<div class="data_list">
	  				<div class="data_list_title">
	  					<span class="glyphicon glyphicon-user" style="width:18px;">
	  					</span>日志日期
  					</div>
  					<div class="datas">
  						<ul>
  							<c:forEach items="${blogCountList }" var="i">
  								<li><span><a href="${pageContext.request.contextPath}/index.html?releaseDateStr=${i.releaseDateStr }">${i.releaseDateStr }(${i.blogCount })</a></span></li>
  							</c:forEach>
  						</ul>
  					</div>
  				</div>
  			</div>
  		</div>
  		
  		<!-- 引入尾 -->
  		<jsp:include page="/foreground/common/foot.jsp" />
  	</div>
  </body>
</html>
